<template>
	<view>
		<!-- 客户详情 -->
		<view class="mt-5" v-if="u_loadmore">
			<u-loadmore status="loading" icon-type="circle" />
		</view>
		<view v-else>
			<view class="m-2 px-3 bg-white rounded-20">
				<view class="d-flex py-3">
					<view class=""><image class="cell" :src="user.avatar_img?user.avatar_img:'../../static/images/order/default-photo.png'" mode=""></image></view>
					<view class="ml-2">
						<view class="font-32">{{user.mobile_phone?user.mobile_phone:'请绑定手机号'}}</view>
						<view class="mt-2">
							<text class="est font text-muted ">{{user.rank_name}}</text>
						</view>
					</view>
				</view>
				<view class="border-top py-1">
					<view class="py-1 font-29">姓名:&nbsp;&nbsp;{{user.name?user.name:'请填写昵称'}}</view>
					<view class="py-1 font-29">联系电话:&nbsp;&nbsp;{{user.mobile_phone?user.mobile_phone:'请绑定手机号'}}</view>
				</view>
			</view>
			
			<view class="m-2 px-3 bg-white rounded-20  py-4">
				<view class="font-weight font-lg">资产信息</view>
				<view class="d-flex flex-wrap">
					<view class="span-10  pt-2">
						<view class="">可用资金(元)</view>
						<view class="font-weight font-lg pt-2">{{user.user_money}}</view>
					</view>
					<view class="span-10 pt-2">
						<view class="">可用红包(张)</view>
						<view class="font-weight font-lg pt-2">{{user.user_bonus_count}}</view>
					</view>
					<view class="span-10 pt-2">
						<view class="">积分</view>
						<view class="font-weight font-lg pt-2">{{user.user_points}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user:"",
				u_loadmore:true, // 加载中
			}
		},
		methods: {
			
		},
		onLoad(e) {
			this.$H.post("admin/user/info",{user_id:e.user_id}).then(res=>{
				this.user=res.data
				this.u_loadmore=false 
			})		
		}
	}
</script>

<style>
	.cell{
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
	}
	.est{
		padding: 7upx 20upx;
		background-color: #e9e9e9;
		border-radius: 40upx;
	}
</style>
